<!--
 * @Author: 谢陈洁
 * @Date: 2025-07-09 09:20:08
 * @LastEditors: 谢陈洁
 * @LastEditTime: 2025-07-14 09:27:18
 * @Description: file content
-->
<template>
  <el-card class="stat-card">
    <div class="stat-icon" :class="iconClass">
      <component :is="iconComponent" />
    </div>
    <el-statistic :value="animatedValue">
      <template #title>
        <h3>{{ title }}</h3>
      </template>
      <template #suffix>{{ suffix }}</template>
    </el-statistic>
  </el-card>
</template>

<script setup lang="ts">
  defineProps({
    iconClass: String,
    iconComponent: Object,
    animatedValue: Number,
    title: String,
    suffix: String
  })
</script>
